@charset "utf-8";
@import url(dll.css);
@import url(font.css);
@import url(main.css);
@import url(banner.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
/* ��ҳ���ֿ�ʼ */
.header{height: auto;width: 100%;  max-width: 100%;}
.headertext{width: 1200px;  margin: 0 auto;  max-width: 100%;}
.logo{float:left; width:200px; overflow:hidden;padding-top: 10px;}
.fixed{position: fixed; z-index: 999; background: #fff;box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.i_nav{float:right; width:800px; height:auto;}
/*.i_nav li{float:left; width:100px; height:40px; line-height:40px; font-size:16px; text-align:center;}
.i_nav li a{color:#030304; display:block; border-radius:5px;}
.i_nav li a:hover{color:#FFF; text-decoration:none; background:#c8a063;}
.i_nav li a.on{color:#FFF; text-decoration:none; background:#c8a063;}*/

.banner{position:relative; width:100%; height:525px; overflow:hidden;}
.i_banner{float:left; display:inline; width:100%; margin-left:0px !important;}
.banner img{ width:100% !important;}
.i_banner123{text-align: center;}
.sort_l{width: 1200px;  height: auto;  text-align: center;  margin: 27px auto 0;overflow: hidden;}
.sort_l li{display: inline-block;}
.sort_l li a{display: block; text-align: center; font-size: 14px; overflow: hidden; padding: 5px 20px;}
.sort_l li a:hover{color:#FFF; text-decoration:none; background:#bf0000;}
.sort_l li a.on{background: #2c63d1; color: #fff;}
.sort_l li a.activetab{color:#FFF; text-decoration:none; background:#bf0000;}

.i_more{display: block; width: 170px; line-height: 36px; text-align: center; margin: 10px auto 0; font-size: 16px; color: #fff; background: #5d4c42;
transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.i_more:hover{background-color: #dc883f;}
.i_more a{font-size:16px; color:#fff; padding:0 30px; }
.i_newsmore {      float: left;     max-width: 100%;     width: 100%;  }
.i_newsmore a{border: solid 1px #2c63d1; display: block; line-height: 40px; margin-top: 20px; max-width: 100%; background: #2c63d1; color: #fff;}
.i_newsmore a:hover { opacity: 0.75;}
.i_psor{width:100%;max-width:100%;background-color: #eee;height:76px;margin-bottom: 40px;}
.i_psor a{padding-left:10px;font-weight: initial;}
.i_psor .i_pbox{width:1200px;max-width:100%;margin:0 auto;font-size:14px;font-weight: bold;}
.i_psor p{float:left;line-height: 76px;}
.i_psor .i_pbox span{padding:8px 0;margin-right: 10px;font-weight:normal;}

.hd_search{float:right; width:325px; height:36px;border:1px solid #cecece;position: relative;top: 17px;}
#keywords{display: block;  width: 100%;  height: 40px;  line-height: 40px;  padding: 0 12px;  font-size: 14px;}
.search_btn{position: absolute;  top: 1px;  width: 40px;  height: 40px;  border: none;  outline: 0;  right: -25px;background: #dd823d url(/templates/Images/search.png) no-repeat center;transition: .2s;}
.search_btn:hover{background-color: #dc6600;}

.hd_search li{float:left;}
.hd_search li input{float:left; height:36px;}
.hd_search li input.hd_sint{width:269px;background: #fff;padding-left: 10px;}

.i_pro{padding:10px 0 90px;}
.i_pro_l{width:1200px; margin:45px auto 0; overflow:hidden;}
.i_pro_l ul{width:1200px; overflow:hidden;display: flex; justify-content: center;}
.i_pro_l li{float: left;  width: calc((100% / 4) - 10px);  height:auto;  display: block;  margin: 15px auto;overflow: hidden; text-align: center;position: relative;margin-left: 10px;border-bottom: solid 1px #f2f2f2;}
.i_pro_l li img{width: 100%;  max-width: 100%;height: auto;}
.i_pro_l li span{display:block; line-height:40px; overflow:hidden; padding:6px 10px;}
.i_pro .i_more{display:none;}

.i_pro_l li:hover a{color:#2c63d1;}


.i_prodll .i_pro{padding:10px 0 90px;}
.i_prodll .i_pro_l{width:1100px; margin:45px auto 0; overflow:hidden;}
.i_prodll .i_pro_l ul{width:1120px; overflow:hidden;}
.i_prodll .i_pro_l li{float: left;  width: calc((100% / 4) - 20px);  height: auto;  display: block;  margin: 15px 10px;  overflow: hidden;  background: #f4f4f4;  text-align: center;position: relative;}
.i_prodll .i_pro_l li img{width: 100%;  max-width: 100%;}
.i_prodll .i_pro_l li span{display:block; line-height:40px; overflow:hidden; padding:6px 10px;}
.i_prodll .title01 {margin-bottom: 100px;  }
.i_prodll .title01 div {      margin: 0 auto;     width: 1018px;     max-width: 100%;     font-size: 14px;     color: #d4d4d3;  line-height: 25px;}
.i_prodll .sort_l li a{margin: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 60px; font-size: 18px; padding: 0 77px; position: relative; color: #fff;border:none;}
.i_prodll .sort_l li{display:flex;background-color: #dc883f;width: auto;position: relative;}

.sort_l ul li:nth-child(1) :after{content: ""; position: absolute; top: 50%; margin-top: -10px; right: 0; width: 1px; height: 20px; background-color: #fff;}

.i_prodll .sort_l ul{display: flex; justify-content: center;margin-left: 38px;}

.i_prodll .i_pro_l li > a:before {   content: "";   display:block;   position: absolute;   left: 0;   right: 0;   bottom: 0px;   top: 100%;   background: rgba(0,0,0,0.5); transition: all .3s;}
.i_prodll .i_pro_l li > a:after {content: "工程案例"; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 100%; color: #fff; margin: 0 20px 32px 20px; border: 1px solid #fff; padding-top: 20%;transition: all .3s;}

.i_prodll .i_pro_l li:hover a:before{top:0;}
.i_prodll .i_pro_l li:hover a:after{top:35px;}




.i_news{overflow: hidden; width: 100%;margin: 0 auto; max-width: 100%;background-color: #f4f4f4;  padding: 58px 0 55px;}
.i-newsbox {  width: 1200px;     margin: 0 auto;     max-width: 100%;  }
.i_newsbox {  width:100% ;  text-align: center;     float: left; overflow: hidden;}
.i_newsbox li{float: left; width: calc((100%/2) - 30px); margin-top: 15px; max-width: 100%; padding: 15px;}
.i_newsbox li:hover h4 a{color:#2c63d1 ;}
.i_newsbox>ul {
    display: flex;
    flex-wrap: wrap;
}
.i_newsbox li dl{float: left;  width: 68px;  height: 68px;  background-color: #c1c1c1;  text-align: center; color: #fff;  font-size: 14px;margin-right: 10px;}
.i_newsbox li:hover dl{background-color: #dd823d;}
.i_newsbox li dl dt{height:36px; line-height:36px; font-size:36px; padding-top:8px;}
.i_newsbox li dl dd{line-height:20px;}
.i_newsbox li h4{float: left;  height: 30px;  color: #43443e;  font-size: 16px;  width: 270px;  max-width: 100%;  display: block;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  text-align: left;}
.i_newsbox li span{display: block; float: left; width: 360px; font-size: 12px; line-height: 25px; overflow: hidden; text-align: left; height: 50px;}
.i_newstitle {line-height: 26px; margin-top: 0; font-size: 30px; text-align: center; margin-bottom: 30px; color: #222222;}
.i_newsbox li img{width: auto; height: auto; float: left; max-width: 100%;padding-right: 20px;}



.i_about{padding:70px 0 90px;}
.i_about_c{width:1038px; margin:80px auto 0; padding:70px 30px; border:1px solid #c39759; font-family: microsoft yahei; font-size:14px; line-height:20px;}
.i_about_c strong{display:block; float:left; width:470px; text-align:center; padding:40px 0;}
.i_about_c dl{float:right; width:538px; padding-right:30px; line-height:20px;}
.i_about_c dl dd{ margin-top:20px; padding-left:25px; background:url(../Images/icon03.jpg) no-repeat 8px 8px;}

.i_contact{padding:70px 0 90px;}
.i_contact_c{width:1100px; margin:40px auto 0; line-height:30px; text-align:center;}

.i_panter{overflow: hidden;  background-color: #3c302a;  border-bottom: 5px solid #000000;}
.i_panter_l li a{color:#fff;}
.i_panter_l{width:1200px; margin:20px auto; overflow:hidden;}
.i_panter_l ul{width:1128px; overflow:hidden;}
.i_panter_l li{float:left; display:inline; width:257px; margin-right:25px;}
.i_panter_l img{width:251px; height:68px; border:3px solid #ccccca;}


.i_gywm{width:100%;max-width:100%;overflow: hidden;  padding: 78px 0;background: url(http://picture.no3.mfdns.com/upload/cases/jx1031/igywmbj.jpg);margin-top: 50px;}
.i_gywmbox{width: 1200px;  max-width: 100%;  margin: 0 auto;  padding-top: 10px;  position: relative;}
.i_gywm .imgbox{float: left;  position: relative;  z-index: 1;  padding-left: 10px;}
.i_gywm .imgbox > img{width: auto;  max-height: 280px;}
.i_gywm .txt{background: #fff;  width: 1200px;  position: absolute;  padding: 30px 0;top: 160px;}
.i_gywm .txt p{padding-left: 44%;  text-justify: inherit;  line-height: 21px;}
.i_gywm .more{padding: 5px 15px;  border: solid #2c63d1 1px;  width: 57px;  display: block;  margin-left: 44%;color: #2c63d1;margin-top: 20px;}
.i_gywm .more:hover{background: #2c63d1;  color: #fff;}



.i_wxyfw .i_title{margin-top: 35px; margin-bottom: 11px; text-align: center;}
.i_wxyfw .i_title h3{margin-top: 22px; margin-bottom: 11px;color: #222222; font-size: 24px;}
.i_wxyfw{width: 1200px; margin: 0 auto;overflow: hidden; margin-bottom: 35px;padding-top: 20px;}
.i_wxyfw .textbox{display: flex; width: 1200px; margin: 0 auto;}
.i_wxyfw .textbox div{width: calc(100%/3); padding: 0 20px;}
.i_wxyfw .textbox div img{width: auto; height: auto; max-width: 100%;}
.i_wxyfw .textbox div h3{display: block; margin: 0px; padding: 10px 0px; font-size: 24px; color: #282b30; text-transform: uppercase; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.i_wxyfw .textbox div p{color: #333333;  font-size: 17px;}

.i_jm{background: url(/templates/Images/i_jm.jpg);height: 186px; background-position: center; background-size: cover;width: 100%; max-width: 100%;}
.i_jmtext{width: 1200px;  max-width: 100%;  margin: 0 auto;padding-top: 75px;  padding-bottom: 75px;}
.i_jmtext h3{color: #303030;  font-weight: 700;  font-size: 28px;  float: left;  padding-left: 24%;}
.i_jmtext a{float: right;  background: #ffffff;  border-radius: 2px;  color: #474747;  font-weight: 700;  font-size: 16px;  padding-left: 42px;  padding-right: 42px;  text-transform: uppercase; 
position: relative; line-height: 50px;  margin-right: 5%;z-index: 2;overflow: hidden;}
.i_jmtext a:hover{color:#fff;}
.i_jmtext a:before{background: #fff; content: ""; position: absolute; height: 100%; left: -10%; opacity: 0; top: 0px; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); width: 0%; z-index: -1;
-webkit-transition: all .30s linear; -moz-transition: all .30s linear; transition: all .30s linear;}
.i_jmtext a:after{background: #fff; content: ""; position: absolute; height: 100%; opacity: 0; right: -10%; top: 0px; -webkit-transform: skewX(-30deg); transform: skewX(-30deg); width: 0%; z-index: -1;
-webkit-transition: all .30s linear; -moz-transition: all .30s linear; transition: all .30s linear;}
.i_jmtext a:hover:before{opacity: 1; left: 10.5%; width: 40%;background: #2c63d1;}
.i_jmtext a:hover:after{opacity: 1; right: 10.5%; width: 40%;background: #2c63d1;}
/*首页底部*/


.fd-link{    float: left;}
.fd-link dl{    float: left;    width: 125px;}
.fd-link dl a{   display: block;    font-size: 16px;    color: #fff;}
.fd-link dl a{font-size: 15px; text-shadow: none; line-height: 39px; margin: 11px 0;}
.fd-link dl a:hover{    color: #fff;}

.footer .call{float: left; margin: 11px 0;line-height: 39px; margin-left: 27%; overflow: hidden;}
.footer .call li{float: left;margin-left: 10px;position: relative;}
.footer .call li span{font-size: 14px;}
/* 结束首页底部*/

.p_gsjj img:nth-child(1){float: left; margin: 0 30px 0 0;max-width: 100%;}
.p_shfw p, .p_lxwm p, .p_gsjj p{text-align: justify;  font-size: 16px;  line-height: 29px;  margin-bottom: 13px;  text-indent: 2em;}
.p_lxwm{margin: 25px 0 40px;overflow: hidden;}
.p_lxwm img{float: left; margin: 0px 60px 0px 0px; display: inline-block;}


.i_dpfw {  width: 1200px;  margin: 0 auto; max-width: 100%;padding: 50px 0;}
.ul-imgtxt {    overflow: hidden;   margin-top: 40px;}
.g-tit_b a{display: block; font-weight: normal; text-align: center; font-size: 30px; color: #333333;}

.ul-imgtxt li {    float: left;   width: 16.66%;    text-align: center;    position: relative;}
.ul-imgtxt li::after{    content: "";    display: block;   position: absolute;    top: 35%;    right: -15px;    width: 28px;    height: 17px;    background: url(/templates/images/l-arrow.gif) no-repeat;}
.ul-imgtxt .li6::after{    display: none;}
.ul-imgtxt .icon {    display: block;    width: 130px;    height: 130px;    border-radius: 50%;    overflow: hidden;    margin: 0 auto 32px;    background-position: center center;    background-repeat: no-repeat;}

.ul-imgtxt .txt {    display: block;    font-size: 16px;    line-height: 20px;}

.ul-imgtxt .li1 .icon {    background-image: url(/templates/images/l1.png);}
.ul-imgtxt .li1 .icon:hover {    background-image: url(/templates/images/l11.png);}

.ul-imgtxt .li2 .icon {    background-image: url(/templates/images/l2.png);}
.ul-imgtxt .li2 .icon:hover {    background-image: url(/templates/images/l22.png);}

.ul-imgtxt .li3 .icon {    background-image: url(/templates/images/l3.png);}
.ul-imgtxt .li3 .icon:hover {    background-image: url(/templates/images/l33.png);}

.ul-imgtxt .li4 .icon {    background-image: url(/templates/images/l4.png);}
.ul-imgtxt .li4 .icon:hover {    background-image: url(/templates/images/l44.png);}

.ul-imgtxt .li5 .icon {    background-image: url(/templates/images/l5.png);}
.ul-imgtxt .li5 .icon:hover {    background-image: url(/templates/images/l55.png);}

.ul-imgtxt .li6 .icon {    background-image: url(/templates/images/l6.png);}
.ul-imgtxt .li6 .icon:hover {    background-image: url(/templates/images/l66.png);}



.footer{color:#FFF; line-height:30px; font-size:12px; background:#212224;}
.footer_navbox{width: 100%; height: auto; overflow: hidden; max-width: 100%; border-bottom: solid 1px #fff;}
.footer a{color:#FFF;}
.footer a:hover{color:#c8a063;}

.footer_nav{width:1200px; margin:0 auto;text-align:left;overflow: hidden;}
.footer_nav a{font-size: 16px;}

.copyright{text-align:center;line-height: 30px; font-size: 14px;padding: 15px 0;}
#com_copyright div {max-width: 100%;}
.copyright img{border:7px solid #636363; margin:10px 0;}
.jsq{ text-align:center;}
/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.pbanner{position:relative; width:100%; height:262px; overflow:hidden;}
.p_banner{float:left; display:inline;}
.products .p_container{padding:20px 0 70px;width: 100%;max-width:100%;margin: 0 auto;background: #f2f2f2;}

.p_about{width:1200px; margin: 0 auto; overflow:hidden;}
/*.p_about strong{display:block; float:left; width:520px; text-align:center;}
.p_about dl{float:right; width:528px; padding:30px 20px 0 30px; padding-top:30px; line-height:20px;}
.p_about dl dd{ margin-top:20px; padding-left:25px; background:url(../Images/icon03.jpg) no-repeat 8px 8px;}*/
/* ��ҳ���ֽ��� */

.p_left{ float:left;}
.p_right{ float:right;}

.zzzs{width:1038px; margin:0px auto 0; overflow:hidden;}
.zzzs ul{width:1048px; overflow:hidden;}
.zzzs li{float:left; display:inline; width:250px; height:250px; margin-right:12px; background:#bf0000;}
.zzzs li img{width:250px; height:250px;}
.i_banner_box123 img { width: 100%;}